<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:form id="formularioDetalleOC" enctype="multipart/form-data">
        <p:panelGrid style="width:100%;margin: 10px auto;" id="panelDetalle">
            <p:row>
                <p:column>
                    <h:outputLabel id="lblArticulo" value="ARTICULO(*)" />
                </p:column>
                <p:column colspan="2">
                    <p:selectOneMenu id="cbxArticulo" required="true" value="#{bkDetalleCompraFacturacion.nuevoDetalleCompraFacturacion.id}"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                        <f:selectItems value="#{BKDetalleOrdenCompraServicio.listaArticulo}" var="articulo"
                                       itemLabel="#{articulo.nombreComercial}" itemValue="#{articulo.id}"/>
                        <p:ajax listener="#{MBDetalleOrdenCompra.buscarPrecio}" update="txtPrecio" /> 
                    </p:selectOneMenu>
                    <p:message for="cbxArticulo" display="text"/>	
                </p:column>
                <p:column>
                    <h:outputLabel id="lblImagen" value="IMAGEN" />
                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblCantidad" value="CANTIDAD(*)" />
                </p:column>
                <p:column>
                    <p:inputText id="txtCantidad" required="true" maxlength="10" 
                    	value="#{bkDetalleCompraFacturacion.nuevoDetalleCompraFacturacion.cantidad}" >
                        <f:convertNumber maxFractionDigits="2" maxIntegerDigits="10"/>
                    </p:inputText>
                    <p:message for="txtCantidad" display="text"/>	
                    <p:watermark for="txtCantidad" value="Formulario"  />
                    <span class="formatComment">Ejemplo: 1112.90</span>
                </p:column>

                <p:column rowspan="2">
                    <h:outputLabel id="lblPrecio" value="PRECIO(*)" />
                </p:column>
                <p:column colspan="2" rowspan="2">
                    <p:inputText id="txtPrecio" required="true" maxlength="12" label="txtPrecio"
                    	value="#{bkDetalleCompraFacturacion.nuevoDetalleCompraFacturacion.precio}" >
                        <f:convertNumber maxFractionDigits="2" maxIntegerDigits="10"/>
                    </p:inputText>
                    <p:message for="txtPrecio" display="text" />
                    <p:watermark for="txtPrecio" value="Precio Unidad Inventario"  />
                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <h:outputLabel id="lblUnidadM" value="UNIDAD MED(*)" />
                </p:column>
                <p:column>
                    <p:selectOneMenu id="cbxUnidadMedida" required="true"
                                     value="#{bkDetalleCompraFacturacion.nuevoDetalleCompraFacturacion.unidadMedida}"> 
                        <f:selectItem itemLabel="Seleccionar" itemValue="0" /> 
                        <f:selectItems value="#{BKDetalleOrdenCompraServicio.listaTipoUnidadMinima}" var="unidad" 
                                       itemLabel="#{unidad.abrev}" itemValue="#{unidad.id}" />	
                    </p:selectOneMenu>	
                    <p:message for="cbxUnidadMedida" display="text"/>
                </p:column>
            </p:row>
            <p:row>
                <p:column colspan="6" style="text-align: center">
                    <p:commandButton style="text-align: center;" value="AGREGAR"
                                     actionListener="#{MBCompraFacturacion.agregarDetalleCompraFacturacion}"
                                     oncomplete="if (args.validationFailed){ agregarDetalle.show()} else {agregarDetalle.hide()}"
                                     />
<!--                                      update=":formulario:pnlDetalle,:formulario:bloques,:formulario:btnEmitir,panelDetalle"/> -->
                    <p:commandButton type="button" value="CANCELAR" 
                                     style="text-align: center;" onclick="agregarDetalle.hide()"/>
                </p:column>
            </p:row>
        </p:panelGrid> 

    </h:form>
</html>